<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="email=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>世茂华南客户服务</title>
    <script src="js/common.js"></script>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_968137_23jjdbuzal1.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/mission.css">
</head>
<body>
    <div id="page">
        <div class="page-tabs">
            <p class="p-tab p-tab-active">未完成的</p>
            <p class="p-tab">已完成的</p>
            <p class="p-tab">抄送我的</p>
            <p class="p-tab">我执行的</p>
        </div>
        <div class="con-box">
            <div class="con-lists unfinish lists-active">
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月10日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                               <p class="o-txt">我分配的</p>
                               <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月10日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                               <p class="o-txt">我分配的</p>
                               <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
            </div>
            <div class="con-lists finished ">
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月11日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                                <p class="o-txt">我分配的</p>
                                <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月11日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                                <p class="o-txt">我分配的</p>
                                <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
            </div>
            <div class="con-lists giveToMe ">
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月12日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                                <p class="o-txt">我分配的</p>
                                <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月12日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                                <p class="o-txt">我分配的</p>
                                <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
            </div>
            <div class="con-lists myDone ">
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月13日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                                <p class="o-txt">我分配的</p>
                                <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
                <div class="list-item">
                    <div class="item-part-top">
                        <span class="iconfont icon-duoxuanweixuan item-state  "></span>
                        <div class="top-right">
                            <div class="top-info">
                                <div class="info-main">
                                    <p class="info-title">2018年10月13日完成销售前锋完成销售前锋</p>
                                    <p class="info-time">10月16日周二 18:00 截止</p>
                                </div>
                                <p class="end-time">距离到期时间10天</p>
                            </div>
                            <div class="top-other">
                                <p class="o-txt">我分配的</p>
                                <p class="o-time">10月16日 10:44</p>
                            </div>
                        </div>
                        
                    </div>
                    <div class="item-part-down">
                        <p class="t-state"><span class="iconfont icon-xiaoxi"></span>&nbsp;<span class="state-txt">1条动态</span></p>
                        <p class="i-finish"><span class="iconfont icon-duoxuankuang2"></span>&nbsp;<span class="finish-con">0/3人已完成</span></p>
                    </div>
                </div>
            </div>
        </div>
        <footer id="tabs">
            <a href="./schedule.html" class="tab"><span class="tab-icon iconfont  icon-icon_gongzuo_richengx"></span><span class="tab-name">日程</span></a>
            <a href="javascript:;" class="tab"><span class="tab-icon iconfont  icon-renwu tab-icon-active"></span><span class="tab-name">任务</span></a>
            <a href="./mine.html" class="tab"><span class="tab-icon iconfont  icon-gerenzhongxin "></span><span class="tab-name">个人中心</span></a>
        </footer>
    </div>
    <script src="js/jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.p-tab').on("click",function(){
                var _index = $(this).index();
                $(this).addClass("p-tab-active").siblings().removeClass("p-tab-active");
                $(".con-lists").eq(_index).addClass("lists-active").siblings().removeClass("lists-active");
            });


        })
    </script>  
</body>
</html>